<template>
	<view class="infopage">
		<view class="formbox">
			<view class="line">
				<view class="labelbox">
					<view class="label">
						姓名
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<input type="text" v-model="name" placeholder="请输入姓名" />
			</view>
			<view class="line">
				<view class="labelbox">
					<view class="label">
						所在机构
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<!-- <picker @change="selectjigou" :value="jigouindex" :range="jigoulist" range-key="orgName">
					<view class="picker">{{jigoulist[jigouindex].orgName}}</view>
				</picker> -->
				 <view class="container">
				    <!-- 输入框 -->
				    <input 
				      style="width: 100%;"
				      :value="keyword" 
				      @input="getsuggest" 
				      placeholder="请输入关键词搜索地点"
				    />
				
				    <!-- 建议列表 -->
				    <view class="list" v-if="showSuggestion">
				      <view  class="itemlist"
				        v-for="(item, index) in suggestion" 
				        :key="index" 
				        @click="onSelect"
				      >
				        <!-- 每一项 -->
				        <view class="content"  @click.stop="backfill(index)"  >
				          <text >{{ item.title }}</text>
				          <view > {{ item.addr }} </view>
				        </view>
				      </view>
				    </view>
				  </view>
				
			</view>
			<view class="line">
				<view class="labelbox">
					<view class="label">
						科室
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<picker @change="selectkeshi" :value="keshiindex" :range="keshilist" range-key="dictLabel">
					<view class="picker">{{keshilist[keshiindex].dictLabel||'请选择科室'}}</view>
				</picker>
			</view>
		<view class="line">
				<view class="labelbox">
					<view class="label">
						角色
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<picker @change="selectjuese" :value="jueseindex" :range="jueselist" range-key="dictLabel">
					<view class="picker">{{jueselist[jueseindex].dictLabel||'请选择角色'}}</view>
				</picker>
			</view>
			<view class="line">
				<view class="labelbox">
					<view class="label">
						职称
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<picker @change="selectzhicheng" :value="zhichengindex" :range="zhichenglist" range-key="dictLabel">
					<view class="picker">{{zhichenglist[zhichengindex].dictLabel||'请选择职称'}}</view>
				</picker>
			</view>
			<view class="line">
				<view class="labelbox">
					<view class="label">
						其他职称/资质
					</view>
					<view class="xing">
						
					</view>
				</view>
				<picker @change="selecttwozhicheng" :value="twozhichengindex" :range="twozhichenglist" range-key="dictLabel">
					<view class="picker">{{twozhichenglist[twozhichengindex].dictLabel||'请选择职称'}}</view>
				</picker>
			</view>
	
			<view class="line">
				<view class="labelbox">
					<view class="label">
						身份证号
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<input type="text" v-model="idcardnumber" maxlength="18" placeholder="请输入" />
			</view>
			<view class="line long" @click="upimgurl">
				<view class="labelbox">
					<view class="label">
						上传头像
					</view>
					<view class="xing">
						*
					</view>
				</view>
				<view class="iconfont icon-xiangyou1">
					
				</view>
			</view>
			<view class="imgbox">
				<image :src="'https://changban.dianjingkeji.net'+imgurl" mode=""></image>
			</view>
		</view>
		<view class="imgform">
			
			<view class="imgtitle">
				<view class="name">
					上传身份证照片
				</view>
				<view class="xing">
					*
				</view>
			</view>
			<view class="cardbox">
		       <view class="itemcard">
				   <view class="card">
				   	<image   :src="zheng ? 'https://changban.dianjingkeji.net' + zheng : 'https://changban.dianjingkeji.net/img/zheng.png'"   @click="upcardzheng"></image>
				   <!-- 	<view class="yuan">
				   		<view class="iconfont icon-post_pic"></view>
				   	</view> -->
				   </view>
				   <view class="cardname" >
				   	身份证人像页
				   </view>
		       </view>
			   <view class="itemcard">
			   	 <view class="card">
			   		<image  :src="fan ? 'https://changban.dianjingkeji.net' + fan : 'https://changban.dianjingkeji.net/img/fan.png'"  @click="upcardfan"></image>
			   	  <!-- <view class="yuan">
			   			<view class="iconfont icon-post_pic"></view>
			   	  </view> -->
			   	  </view>
			   			 <view class="cardname">
			   				身份证国徽页
			   		     </view>
			   </view>
			   
			</view>
			<view class="imgtitle">
				<view class="name">
					上传资质证书
				</view>
				<view class="xing">
					*
				</view>
			</view>
			<view class="content">
				至少上传执业证/资格证/职称证/国国家职业技能等级认定证书其中之一
			</view>
			<view class="upbox">
				<view class="uptitle">
				   执业证书
				</view>
				<view class="upbtnbox" @click="upzhiye">
					<image :src="'https://changban.dianjingkeji.net'+zhiyeurl"  ></image>
					<view class="upadd">
						+
					</view>
				</view>
			</view>
			<view class="upbox">
				<view class="uptitle">
				   资格证书
				</view>
				<view class="upbtnbox" @click="upzige">
					<image :src="'https://changban.dianjingkeji.net'+zigeurl" ></image>
					<view class="upadd" >
						+
					</view>
				</view>
			</view>
			<view class="upbox">
				<view class="uptitle">
				   职称证书
				</view>
				<view class="upbtnbox"@click="upzhicheng">
					<image :src="'https://changban.dianjingkeji.net'+zhichengurl"  ></image>
					<view class="upadd">
						+
					</view>
				</view>
			</view>
			<view class="upbox">
				<view class="uptitle">
				国际执业技能等级认定证书
				</view>
				<view class="upbtnbox" @click="upjineng">
					<image :src="'https://changban.dianjingkeji.net'+jinengurl" ></image>
					<view class="upadd" >
						+
					</view>
				</view>
			</view>
			<view class="upbox">
				<view class="uptitle">
			      医学相关组织任职/荣誉称号 
				  <view class="xing" v-if="jueseindex&&jueselist[jueseindex].dictValue==0||jueseindex&&jueselist[jueseindex].dictValue==1">
				  	*
				  </view>
				</view>
				<view v-for="(item, index) in rongyulist" :key="index" class="input-wrap">
				      <input
				        type="text"
				        v-model="rongyulist[index]"
				        class="addrongyu"
				        style="background-color: white; font-size: 32rpx;"
				        placeholder="请输入"
				        @input="onInput($event, index)"
				      />
				    </view>
				<view class="addrongyu" @click="addrongyu">
					+
				</view>
			</view>
		</view>

		
		<view class="contentbox">
			<view class="contenttitle">
				专业擅长
			</view>
			<textarea class="neirong" placeholder="请输入" cols="30" v-model="shanchang" rows="10"></textarea>
		</view>
		<view class="pageline" @click="guanzhu">
			点击关注公众号才可提交资料
		</view>
		
		<view class="pagebtn" @click="tijiao">
			提交
		</view>
		<view class="pagetitle">
			提示
			请保证资料的真实性
		</view>
	
	</view>
</template>

<script>
	// 引入腾讯地图 SDK（将 qqmap-wx-jssdk.js 放入 utils 目录）
	import QQMapWX from '../../utils/qqmap-wx-jssdk.js';
	
	// 实例化 SDK（key 替换为你的）
	const qqmapsdk = new QQMapWX({
	  key: 'MGLBZ-DH4WS-TUBOZ-62XV2-LYF56-ZTBN3' 
	});

	import {applyAuthentication,getOrgList,getDictData,getInfo} from '../../utils/api.js'
	export default {
		data() {
			return {
				 keyword: '',           // 输入框内容
				      showSuggestion: false, // 是否显示建议列表
				      suggestion: [],  
							 address:'',// 存储搜索建议
				name:'',
				keshiindex:'',
				keshilist:[],
				zhichengindex:'',
				twozhichengindex:'',
				zhichenglist:[],
				twozhichenglist:[],
				jueseindex:'',
				jueselist:[],
				keshi:'',
				juese:'',
				idcardnumber:'',
				imgurl:'',
				zhiyeurl:'',
				zigeurl:'',
				zhicheng:'',
				zhichengurl:'',
				jinengurl:'',
				shanchang:'',
				rongyu:'',
				rongyulist:[''],
				zheng:'',
				fan:'',
				lon:'',
				la:'',
				isread:0,
				twozhicheng:'',
			}
		},
		onShow() {
			
			
			//第二职称列表
			let d={
				type:'sys_yishengshizhichengxinxi1'
			}
			getDictData(d).then(res=>{
				this.twozhichenglist=res.data.data
				//角色列表
				let b={
					type:'sys_team_core_role'
				}
				getDictData(b).then(res=>{
					this.jueselist=res.data.data
					//职称列表
					let c={
						type:'sys_yishengshizhichengxinxi'
					}
					getDictData(c).then(res=>{
						this.zhichenglist=res.data.data
						
						//科室列表
						let a={
							type:'sys_yishengkeshixinxi'
						}
						getDictData(a).then(res=>{
							this.keshilist=res.data.data
							//获取个人信息
							let p={
											phone:uni.getStorageSync('phone')
										}
							getInfo(p).then(res=>{
									
										  if(res.data.data.reviewerstatus==2){
											  if(res.data.data.orgName){
											  	this.getsuggesttijiao(res.data.data.orgName)
											  	this.backfill(0);
											  }
											  
											 this.name=res.data.data.dName
											 this.imgurl=res.data.data.dAvatarUrl
											 this.shanchang=res.data.data.dShengzhuang
											 this.fan=res.data.data.dcardfan
											 this.zheng=res.data.data.dcardzheng
											 this.zhiyeurl=res.data.data.dcardzhiye
											 this.zigeurl=res.data.data.dcardzige
											 this.juese=this.jueselist.find(i => i.dictValue == res.data.data.drole).dictLabel
											 this.keshiindex=this.keshilist.findIndex(i => i.dictValue==res.data.data.dKeshi)
											 this.jueseindex=this.jueselist.findIndex(i => i.dictValue==res.data.data.drole)
											 this.zhichengindex=this.zhichenglist.findIndex(i=>i.dictValue==res.data.data.dZhicheng)
											 this.twozhichengindex=res.data.data.zhicheng2?this.twozhichenglist.findIndex(i=>i.dictValue==res.data.data.zhicheng2):''
											 this.jinengurl=res.data.data.dcardlevel
											 this.zhichengurl=res.data.data.dcardzhicheng
											 this.idcardnumber=res.data.data.idCard
											 this.keyword =res.data.data.orgName
											 this.isread=res.data.data.isguanzhu
											 if(res.data.data.dTouxian!= null){
												 this.rongyulist = res.data.data.dTouxian.split(',')
											 }
											
											  
										  }
										
										
							})
						})
						
					})
				})
			})
			
			
			
			
		
		
		
		},
		methods: {
			
			guanzhu(){
				wx.openOfficialAccountProfile({
				         username: 'gh_664742c846e1', // 此处填写公众号的原始 ID
				         success: res => {
				         },
				         fail: res => {
				         }
				     })
			},
			   onInput(e, index) {
			       const value = e.detail.value.replace(/[^a-zA-Z\u3400-\u9FFF]/g, '')
				   
			       // 这里一定要用 this.$set 保证数组项响应式更新
			       this.$set(this.rongyulist, index, value)
			     },
			 
			     // ✅ 添加荣誉项
			     addrongyu() {
			       const lastValue = this.rongyulist[this.rongyulist.length - 1]
			       const reg = /^[A-Za-z\u3400-\u9FFF]+$/
			 
			       if (!lastValue) {
			         uni.showToast({
			           title: '请先输入内容',
			           icon: 'none'
			         })
			         return
			       }
			 
			       if (!reg.test(lastValue)) {
			         uni.showToast({
			           title: '不能包含数字和符号',
			           icon: 'none'
			         })
			         return
			       }
			 
			       // ✅ 校验通过，新增一项
			       this.rongyulist.push('')
			     },
			tijiao(){
				
				// if(this.jueseindex&&this.jueselist[this.jueseindex].dictValue==0||this.jueseindex&&this.jueselist[this.jueseindex].dictValue==1){
				// 	if(this.rongyulist.length==0){
				// 		uni.showToast({
				// 			title: '请填写获得过的荣誉',
				// 			icon:'none',
				// 			duration: 2000
				// 		});
				// 		return
				// 	}
					
				// }
				
				const val = this.jueselist[this.jueseindex]?.dictValue;
				if ((val === 0 || val === 1) && this.rongyulist.length === 0) {
				  uni.showToast({
				    title: '请填写获得过的荣誉',
				    icon: 'none',
				    duration: 2000
				  });
				  return;
				}

			
				
				let p={
					phone:uni.getStorageSync('phone'),
					davatarUrl:this.imgurl,
					dname:this.name,
					orgId:'',
					orgName:this.keyword,
					dtouxian:this.rongyulist.join(','),
					idCard:this.idcardnumber,
					dkeshi:this.keshilist[this.keshiindex].dictValue,//
					dshengzhuang:this.shanchang,//症状
					dcardzheng:this.zheng,
					dcardfan:this.fan,
					dcardzhiye:this.zhiyeurl,
					dcardzige:this.zigeurl,
					dzhicheng:this.zhichenglist[this.zhichengindex].dictValue,
					zhicheng2:this.twozhichengindex?this.twozhichenglist[this.twozhichengindex].dictValue:'',
					dcardzhicheng:this.zhichengurl,
					dcardlevel:this.jinengurl,
					drole:this.jueselist[this.jueseindex].dictValue,
					lon:this.lon,
					lat:this.la,
					address:this.address
				}
				applyAuthentication(p).then(res=>{
					console.log(res,'这是提交认证')
					if(res.data.code==200){
					uni.showToast({
						title: '提交成功',
						icon:'none',
						duration: 5000
					});
					
					setTimeout(()=>{
						uni.navigateBack()
					},3000)
					}else{
						uni.showToast({
							title: res.data.msg,
							icon:'none',
							duration: 5000
						});
					}
				})
				console.log(p)
			},
			
			//上传身份证正面
			upcardzheng(){
				let that=this
				uni.chooseImage({
					count: 1, 
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera','album'], //直接拍照
					success: function (res) {
						let url=res.tempFilePaths[0]
							
						uni.uploadFile({
									//url: that.$BASE_URL+'/api/commonApi/uploadFile', 
									url: 'https://changban.dianjingkeji.net/prod-api/api/commonApi/uploadFile', 
									filePath: url,
									name: 'file',
									success: (uploadFileRes) => {
									    that.zheng=JSON.parse(uploadFileRes.data).fileName
									console.log( that)
									},
									 fail: (err) => {
									        console.error('上传失败：', err);
									      }
									
								});
					}
				});
			},
			
			//上传身份证反面
			upcardfan(){
				let that=this
				uni.chooseImage({
					count: 1, 
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera','album'], //直接拍照
					success: function (res) {
						let url=res.tempFilePaths[0]
						
						uni.uploadFile({
									//url: 'http://192.168.10.93:8989/api/commonApi/uploadFile', 
									url: 'https://changban.dianjingkeji.net/prod-api/api/commonApi/uploadFile', 
									filePath: url,
									name: 'file',
									success: (uploadFileRes) => {
								
									    that.fan=JSON.parse(uploadFileRes.data).fileName
									console.log( that)
									},
									 fail: (err) => {
									        console.error('上传失败：', err);
									      }
									
								});
					}
				});
			},
			//上传本人照片
			upimgurl(){
				let that=this
				uni.chooseImage({
					count: 1, 
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera','album'], //直接拍照
					success: function (res) {
						let url=res.tempFilePaths[0]
						uni.uploadFile({
									//url: 'http://192.168.10.93:8989/api/commonApi/uploadFile', 
									url: 'https://changban.dianjingkeji.net/prod-api/api/commonApi/uploadFile', 
									filePath: url,
									name: 'file',
									success: (uploadFileRes) => {
								
									    that.imgurl=JSON.parse(uploadFileRes.data).fileName
									console.log( that.imgurl)
									},
									 fail: (err) => {
									        console.error('上传失败：', err);
									      }
									
								});
					}
				});
			},
			//上传执业证书
			upzhiye(){
				let that=this
				uni.chooseImage({
					count: 1, 
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera','album'], //直接拍照
					success: function (res) {
						let url=res.tempFilePaths[0]
						uni.uploadFile({
									//url: 'http://192.168.10.93:8989/api/commonApi/uploadFile', 
									url: 'https://changban.dianjingkeji.net/prod-api/api/commonApi/uploadFile', 
									filePath: url,
									name: 'file',
									success: (uploadFileRes) => {
									    that.zhiyeurl=JSON.parse(uploadFileRes.data).fileName
									console.log(that.zhiyeurl)
									},
									 fail: (err) => {
									        console.error('上传失败：', err);
									      }
									
								});
					}
				});
			},
			//上传资格证书
			upzige(){
				let that=this
				uni.chooseImage({
					count: 1, 
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera','album'], //直接拍照
					success: function (res) {
						let url=res.tempFilePaths[0]
						uni.uploadFile({
									//url: 'http://192.168.10.93:8989/api/commonApi/uploadFile', 
									url: 'https://changban.dianjingkeji.net/prod-api/api/commonApi/uploadFile', 
									filePath: url,
									name: 'file',
									success: (uploadFileRes) => {
									
									    that.zigeurl=JSON.parse(uploadFileRes.data).fileName
									console.log( that.zigeurl)
									},
									 fail: (err) => {
									        console.error('上传失败：', err);
									      }
									
								});
					}
				});
			},
			//上传职称证书
			upzhicheng(){
				let that=this
				uni.chooseImage({
					count: 1, 
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera','album'], //直接拍照
					success: function (res) {
						let url=res.tempFilePaths[0]
						uni.uploadFile({
									//url: 'http://192.168.10.93:8989/api/commonApi/uploadFile', 
									url: 'https://changban.dianjingkeji.net/prod-api/api/commonApi/uploadFile', 
									filePath: url,
									name: 'file',
									success: (uploadFileRes) => {
									
									   that.zhichengurl=JSON.parse(uploadFileRes.data).fileName
									console.log( that.zhichengurl)
									},
									 fail: (err) => {
									        console.error('上传失败：', err);
									      }
									
								});
					}
				});
			},
			//上传技能证书
			upjineng(){
				let that=this
				uni.chooseImage({
					count: 1, 
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera','album'], //直接拍照
					success: function (res) {
						let url=res.tempFilePaths[0]
						uni.uploadFile({
									//url: that.$BASE_URL+'/prod-api/api/commonApi/uploadFile', 
									url: 'https://changban.dianjingkeji.net/prod-api/api/commonApi/uploadFile', 
									filePath: url,
									name: 'file',
									success: (uploadFileRes) => {
									
									    that.jinengurl=JSON.parse(uploadFileRes.data).fileName
									console.log( that.jinengurl)
									},
									 fail: (err) => {
									        console.error('上传失败：', err);
									      }
									
								});
					}
				});
			},
			selectjigou(e){
				this.jigouindex=e.detail.value
			},
			//选择科室
			selectkeshi(e){
				this.keshiindex=e.detail.value
			},
			
			//选择职称
			selectzhicheng(e){
				this.zhichengindex=e.detail.value
			},
			
			//选择第二职称
			selecttwozhicheng(e){
				this.twozhichengindex=e.detail.value
			},
			
			//选择角色
			selectjuese(e){
				this.jueseindex=e.detail.value
				
				
			},
			getsuggesttijiao(e) {
			     const keyword = e;
			     // 调用腾讯地图关键词提示
			     qqmapsdk.getSuggestion({
			       keyword: keyword,
								// filter:'category=保健',
			       // region: '北京', // 可选：限制城市范围
			       success: (res) => {
			         const sug = res.data.map(item => ({
			           title: item.title,
			           id: item.id,
			           addr: item.address,
			           city: item.city,
									sheng:item.province,
			           district: item.district,
			           latitude: item.location.lat,
			           longitude: item.location.lng
			         }));
						
			        
			          this.suggestion=sug;
			          let selected= this.suggestion[0];
			         console.log(selected,'这是选择')
			         if (selected) {
			             this.keyword=selected.title
			         					  this.lon=selected.longitude
			         					  this.la=selected.latitude
			         					  this.address=selected.sheng+'/'+selected.city+'/'+selected.district
			         }
			       },
			       fail: (error) => {
									console.log(error,'报错')
			  //       uni.showToast({
			  //       	title: '查找失败',
									// icon:'none',
			  //       	duration: 2000
			  //       });
			
			       },
			       complete: (res) => {
									console.log(res,'res')
			        // uni.showToast({
			        // 	title: res,
			        // 	icon:'none',
			        // 	duration: 2000
			        // });
			       }
			     });
			   },
			 getsuggest(e) {
			      const keyword = e.detail.value.trim();
			
			      // 如果输入为空，清空建议
			      if (!keyword) {
			      
			          this.suggestion= [],
			          this.showSuggestion=false
			      
			        return;
			      }
			
			      // 调用腾讯地图关键词提示
			      qqmapsdk.getSuggestion({
			        keyword: keyword,
					// filter:'category=保健',
			        // region: '北京', // 可选：限制城市范围
			        success: (res) => {
			          const sug = res.data.map(item => ({
			            title: item.title,
			            id: item.id,
			            addr: item.address,
			            city: item.city,
						sheng:item.province,
			            district: item.district,
			            latitude: item.location.lat,
			            longitude: item.location.lng
			          }));
			
			         
			           this.suggestion=sug,
			            this.showSuggestion=true
			          
			        },
			        fail: (error) => {
						console.log(error,'报错')
			   //       uni.showToast({
			   //       	title: '查找失败',
						// icon:'none',
			   //       	duration: 2000
			   //       });

			        },
			        complete: (res) => {
						console.log(res,'res')
			         // uni.showToast({
			         // 	title: res,
			         // 	icon:'none',
			         // 	duration: 2000
			         // });
			        }
			      });
			    },
			
			    // 回填选中的地址到输入框
			    backfill(index) {
					console.log(index,"index")
			      const selected = this.suggestion[index];
				  console.log(selected,'这是选择')
			      if (selected) {
			          this.keyword=selected.title
					  this.lon=selected.longitude
					  this.la=selected.latitude
					  this.address=selected.sheng+'/'+selected.city+'/'+selected.district
			           this.showSuggestion =  false
			      }
			    },
			
			    // 点击任意建议项，关闭建议列表（可选：跳转或处理逻辑）
			    onSelect() {
			      this.setData({
			       
			      });
			    },
			
			    // 封装 setData（UniApp 中 this.$set 或直接修改响应式数据）
			    setData(obj) {
			      Object.keys(obj).forEach(key => {
			        this[key] = obj[key];
			      });
			    },
		}
	}
</script>

<style lang="less" scoped>
   .infopage{
	   width: 750rpx;
	   box-sizing: border-box;
	   background-color: whitesmoke;
	   padding: 20rpx;
	   padding-bottom: 200rpx;
	   .formbox{
		   width: 100%;
		   background-color: white;
		   border-radius: 20rpx;
		   .line{
			   height: 100rpx;
			   width: 100%;
			   display: flex;
			   align-items: center;
			   justify-content: space-between;
			   box-sizing: border-box;
			   padding: 10rpx 30rpx;
			   border-bottom: 1rpx solid whitesmoke;
			   .labelbox{
				   display: flex;
				   align-items: center;
				 
				   width: 30%;
				   .label{
					   font-weight: bold;
				   }
				   .picker{
					   width: 200rpx;
					   height: 100rpx;
					   
				   }
				   .xing{
					   color: red;
					   font-size: 40rpx;
					   margin-top: -10rpx;
				   }
				   
			   }
			   .container{
				   width: 80%;
				   height: 80rpx;
				   z-index: 999;
				 text-align: right;
				  
				   .list{
					   width: 100%;
					   background-color: white;
					     box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.5);
						 max-height: 60vh;
						 overflow-y: auto;
					   .itemlist{
						   text-align: center;
						   padding: 10rpx;
					   }
					   .content{
						    background-color: white;
							view{
								font-size: 26rpx;
							}
					   }
				   }
			   }
			   input{
				   
				   height: 80rpx;
				   line-height: 80rpx;
				   text-align: right;
				   width: 70%;
				   font-weight: bold;
			   }
		   }
		   .long{
			  .labelbox{
				width: 40% !important;
			  } 
			  input{
				  width: 60% !important;
			  }
		   }
	   }
	   .imgbox{
		   width: 100%;
		   background-color: white;
		   border-radius: 20rpx;
		   padding: 20rpx;
		   image{
			   margin-left:205rpx ;
			   width: 300rpx;
			   height: 360rpx;
			   border-radius: 20rpx;
		   }
	   }
	   .imgform{
		   width: 100%;
		   background-color: white;
		   border-radius: 20rpx;
		   box-sizing: border-box;
		   padding: 20rpx;
		   margin-top: 30rpx;
		   .imgtitle{
			   display: flex;
			   align-items: center;
			   font-weight: bold;
			    margin-top: 30rpx;
			   .xing{
				   color: red;
				   margin-bottom: 10rpx;
			   }
		   }
		   .cardbox{
			   width: 100%;
			   display: flex;
			   align-items: center;
			   padding-bottom: 30rpx;
			   border-bottom: 1rpx solid whitesmoke;
			  .itemcard{
				  width: 45%;
				  height: 220rpx;
				  border-radius: 20rpx;
				  position: relative;
				 
				  text-align: center;
				  margin: 2.5%;
				  .card{
					  width: 100%;
					  height: 100%;
				  }
				  image{
					  width: 100%;
					  height: 100%;
					  border-radius: 20rpx;
				  }
				  .yuan{
					  width: 100rpx;
					  height: 100rpx;
					  border-radius: 50%;
					  color: white;
					  line-height: 100rpx;
					  text-align: center;
					  position: absolute;
					  top: 50rpx;
					  left: 100rpx;
					  background-color: rgba(0, 0, 0, 0.5);
					  .iconfont{
						  margin: auto;
					  }
				  }
			  }
		   }
		   .content{
			   font-size: 28rpx;
			   color: darkgray;
			   font-weight: bold;
		   }
		   .upbox{
			   box-sizing: border-box;
			   padding: 20rpx;
			   .uptitle{
				  font-weight: 800;
					 font-size: 28rpx;
					 margin-top: 30rpx;
					 display: flex;
					 align-items: center;
					 .xing{
						 color: red;
					 }
			   }
		
			   .upbtnbox{
				   width: 300rpx;
				   height: 200rpx;
				   border-radius: 20rpx;
				   background-color: whitesmoke;
				   font-weight: bold;
				   line-height: 200rpx;
				   text-align: center;
				   margin-top: 20rpx;
				   position: relative;
				   image{
					   width: 100%;
					   height: 100%;
					   border-radius: 20%;
					   
				   }
				   .upadd{
					   font-size: 100rpx;
					   position: absolute;
					   left: 37%;
					   top: 0rpx;
				   }
				   
			   }
			   .addrongyu{
				   width: 80%;
				   height: 60rpx;
				   background-color: #cccccc;
				   text-align: center;
				   font-size: 80rpx;
				   font-weight: bold;
				   line-height: 60rpx;
				   margin-top: 20rpx;
			   }
		   }
		   
	   }
	   .contentbox{
	   			   width: 100%;
	   			   background: white;
	   			   margin-top: 30rpx;
	   			   border-radius: 20rpx;
	   			   box-sizing: border-box;
	   			   background-color: white;
	   			   padding: 20rpx;
	   			   .contenttitle{
	   				   font-weight: bold;
	   			   }
				   .neirong{
					   width: 100%;
					   height: 200rpx;
					   margin-top: 20rpx;
					  background-color: white;
				   }
	   }
	   .pageline{
		   width: 90%;
		   height: 60rpx;
		   text-align: center;
		   line-height: 60rpx;
		   border: 1rpx solid gray;
		   border-radius: 6rpx;
		   margin: 20rpx auto;
	   }
	   .pagebtn{
		   width: 70%;
		   height: 80rpx;
		   font-size: 34rpx;
		   font-weight: bold;
		   text-align: center;
		   line-height: 70rpx;
		   margin: auto;
		   margin-top: 40rpx;
		   border-radius: 35rpx;
		   color: white;
		   background-color: #1a4f8a;
	   }
	   .pagetitle{
		   font-size: 28rpx;
		   color: darkgray;
		   font-weight: bold;
		   width: 100%;
		   margin-top: 20rpx;
		   
	   }
   }
</style>
